<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车-聚美优品</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="../node_modules//bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/cart.css?a=11">
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/layui-layer/dist/layer.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/cart.js?a=1"></script>
</head>

<body>
    <!-- 顶部开始 -->
    <div class="header-container">
        <div class="new-user">
            <div class="header-wrapper">
                <div class="header-top">
                    <!--top 版心 -->
                    <div class="header-top-box">
                        <ul class="left">

                            <li>欢迎来到聚美！<a href="javascript:;">请登录</a></li>
                            <li><a href="javascript:;">快速注册</a></li>
                        </ul>
                        <ul class="right">
                            <li><a href="#">订单查询</a></li>
                            <li>
                                <a href="#">收藏的品牌<s class=icon-favorite></s></a>

                            </li>
                            <li><a href="user.html">我的聚美
                      <s class="icon-arrow"></s>
                  </a></li>
                            <li>
                                <a href="" class="mobile"> <span class="line"></span>
                                    <s class="icon-mobile"></s>手机聚美</a>

                            </li>
                            <li><a href="#">更多</a>
                                <span class="line"></span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="header-logo">
            <div class="cart-header-box">
                <div class="cart-header">
                    <div class="logo-box">
                        <div class="logo">
                            <a href="http://www.jumei.com?from=cart_add" target="_blank" id="home">
                                <img src="./images/cart_logo.jpg" alt="化妆品团购">
                            </a>
                        </div>
                        <div class="text">
                            <div class="phone">400-011-0888</div>
                            <div class="time">9:00-18:00</div>
                        </div>
                    </div>
                    <div class="order-path"></div>
                </div>
            </div>
        </div>
    </div>


    <!-- 顶部结束 -->

    <!-- 中间部分开始 -->
    <div class="container">
        <div class="group-show">
            <div class="context-header">
                <div class="cart-timer">
                    <i class="icon-small png"></i>
                    <span class="cart-timer-counting"> 请在 <span class="cart-timer-text">xx分xx秒</span> 内去结账，并在下单后 <span class="pink">20</span> 分钟内完成支付 </span>
                    [
                    <a href="">?</a> ]
                </div>
                <div class="top-banner">
                    <ul>
                        <li><span> <i class="icon-zhenpin header-icon png"></i> 真品防伪码 </span></li>
                        <li><span> <i class="icon-tuihuo header-icon png"></i> 7天无条件退货 </span></li>
                        <li><span> <i class="icon-baoyou header-icon png"></i> 美妆满2件或299元包邮 </span></li>
                    </ul>
                </div>
                <div class="common-shippment">
                    <i class="icon-small">包邮</i> 第三方入驻商家单订单满159包邮
                </div>
            </div>
            <div class="groups-wrapper cartdata">
                <table class="cart-group-item">
                    <thead>
                        <tr>
                            <th>
                                <input type="checkbox" name="selectAll">

                            </th>
                            <th>商品名称</th>
                            <th>商品图片</th>
                            <th>商品单价</th>
                            <th>商品数量</th>
                            <th>小计</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td>
                                <input type="checkbox" name="selectAll">
                            </td>
                            <td colspan="1">
                                <h4> <a href="list.html" class="goback-shopping">继续购物</a>
                                    <span class="line">|</span>
                                    <a href="javascript:;" class="all-clear">清空选中商品</a></h4>
                            </td>
                            <td colspan="2">
                                <h4>总共<span class="totalNum">0</span>件商品</h4>
                            </td>
                            <td colspan="2">
                                <h4>总共<span class="totalPrice">0</span>元</h4>
                            </td>
                            <td>
                                <a href="" class="btn btn-dange">
                                    <h4>去结算</h4>
                                </a>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>

        </div>

        <div class="recommend-box">
            <div class="nav-tips"><a href="">今日备受欢迎</a> </div>
            <div>
                <ul>
                    <li class="list">
                        <div>
                            <div>
                                <a href="">
                                    <img src="./images/4917242_160_160.jpg" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="tips-info">
                            <a href="" class="info">
                                <span class="discount">3.2折/</span> 御泥坊亮颜葡萄籽补水提亮修护面膜21片
                            </a>
                        </div>
                        <div class="price-grey">
                            <span class="price">￥69.9</span>
                            <span class="grey">￥216.00</span>
                        </div>
                        <div><a href="" class="btn">加入购物车</a></div>
                    </li>
                    <li class="list">
                        <div>
                            <div>
                                <a href="">
                                    <img src="./images/4774360_160_160.jpg" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="tips-info">
                            <a href="" class="info">
                                <span class="discount">3.3折/</span> WIS隐形水润面膜24片套装 补水保湿玻尿酸收缩毛孔清爽紧致控油女男
                            </a>
                        </div>
                        <div class="price-grey">
                            <span class="price">￥98.0</span>
                            <span class="grey">￥299.00</span>
                        </div>
                        <div><a href="" class="btn">加入购物车</a></div>
                    </li>
                    <li class="list">
                        <div>
                            <div>
                                <a href="">
                                    <img src="./images/5110902_160_160.jpg" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="tips-info">
                            <a href="" class="info">【聚美直发】中国•完美芦荟胶三支装40g*3  
                            </a>
                        </div>
                        <div class="price-grey">
                            <span class="price">￥114.0</span>

                        </div>
                        <div><a href="" class="btn">加入购物车</a></div>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <!-- 中间部分结束 -->

    <!-- 底部开始 -->
    <div id="footer-container">

        <div class="footer-con">
            <p class="footer-copy-con">
                © 2013 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。客服热线：400-011-0888 <br> 京公网安备 11010102001226 | <a href="http://www.miibeian.gov.cn" target="_blank" rel="nofollow">京ICP证111033号</a> | <a href="http://f0.jmstatic.com/btstatic/pc_static/food_pic.jpg"
                    target="_blank" rel="nofollow">食品流通许可证 SP1101051110165515（1-1）</a> | <a href="http://p2.jmstatic.com/activity/2013_chuangrui.jpeg" target="_blank">营业执照</a>
            </p>
            <p>
                <a href="javascript:void(0)" class="footer-copy-logo logo01"></a>
                <a href="https://www.itrust.org.cn/yz/pjwx.asp?wm=1693268180" target="_blank" class="footer-copy-logo logo02"></a>
                <a href="javascript:void(0)" class="footer-copy-logo logo03"></a>
                <a href="javascript:void(0)" class="footer-copy-logo logo04"></a>
                <a href="https://ss.cnnic.cn/verifyseal.dll?sn=e12070911010031011307708&amp;ct=df&amp;pa=453163" target="_blank" class="footer-copy-logo logo05"></a>
            </p>

        </div>

    </div>
    <!-- 底部结束 -->
</body>

</html>